<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团购首页</title>
    <link rel="stylesheet" href="./css/index.min.css">
</head>

<body>
    <div class="web">
        <header>
            <img src="./img/index/LOGO.png" alt="">
            <input type="search" placeholder="请输入商品名称">
            <div class="select">广州市</div>
            <ul>
                <li>广州市</li>
                <li>广州市</li>
                <li>广州市</li>
            </ul>
        </header>

        <main>
            <img src="./img/index/food.png" alt="">
            <!-- 优惠团购 -->
            <div class="groupbuy">
                <div class="headline">
                    <div class="left">

                        <img src="./img/index/group-buy.png" alt="">
                        <span>团购优惠</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <img src="./img/index/more.png" alt="">
                    </div>
                </div>
                <ul>
                    <li><img src="./img/index/group-buy01.png" alt=""></li>
                    <li><img src="./img/index/group-buy02.png" alt=""></li>
                    <li><img src="./img/index/group-buy03.png" alt=""></li>
                    <li><img src="./img/index/group-buy04.png" alt=""></li>
                </ul>
            </div>

            <!-- 猜你喜欢 -->
            <div class="love">
                <div class="headline">
                    <div class="left">
                        <img src="./img/index/group-buy.png" alt="">
                        <span>猜你喜欢</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <img src="./img/index/more.png" alt="">
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="./detail.html">
                            <img src="./img/index/love01.png" alt="">
                            <div class="txt">
                                <h4>万岁寿司（正佳店）<span>&lt;100m</span></h4>
                                <p>[100店通用] 双人套餐</p>
                                <p>￥88.00 <span>已售1000</span></p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <img src="./img/index/love02.png" alt="">
                        <div class="txt">
                            <h4>周黑鸭（正佳店）<span>&lt;100m</span></h4>
                            <p>[100店通用] 双人套餐</p>
                            <p>￥88.00 <span>已售1000</span></p>

                        </div>
                    </li>
                    <li>
                        <img src="./img/index/love01.png" alt="">
                        <div class="txt">
                            <h4>万岁寿司（正佳店）<span>&lt;100m</span></h4>
                            <p>[100店通用] 双人套餐</p>
                            <p>￥88.00 <span>已售1000</span></p>

                        </div>
                    </li>
                    <li>
                        <img src="./img/index/love02.png" alt="">
                        <div class="txt">
                            <h4>周黑鸭（正佳店）<span>&lt;100m</span></h4>
                            <p>[100店通用] 双人套餐</p>
                            <p>￥88.00 <span>已售1000</span></p>

                        </div>
                    </li>
                </ul>
            </div>
        </main>

        <footer>
            <a href="./index.html">
                <img src="./img/index/home.png" alt=""><br>
                <span>首页</span>
            </a>
            <a href="./classify.html">
                <img src="./img/index/classify.png" alt=""><br>
                <span>分类</span>
            </a>
            <a href="./discover.html">
                <img src="./img/index/discover.png" alt=""><br>
                <span>发现</span>
            </a>
            <a href="./me.html">
                <img src="./img/index/me.png" alt=""><br>
                <span>我的</span>
            </a>
        </footer>
    </div>
</body>

</html>